<template>
    <div class="cart-bar">
        <div class="cart-left" @click="$router.back()">
            <i class="iconfont icon-left"></i>
        </div>
        <div class="cart-center">
            购物车(2)
        </div>
        <div class="cart-edit">
            <span>编辑</span>
            <i class="iconfont icon-message"></i>
        </div>
    </div>
</template>
<style lang="less" scoped>
.cart-bar{
    position:fixed;
    top:0rem;
    box-sizing:border-box;
    width:100%;
    height:1rem;
    display:flex;
    flex-flow:row nowrap;
    justify-content:space-between;
    align-items:center;
    padding:0rem 0rem 0rem 0.2rem;
    .icon-left,.icon-message{
        font-size:0.4rem;
        font-weight:bold;
    }
    >.cart-left{
        flex:1;
    }
    >.cart-center{
        text-align:center;
        flex:3.5;
        font-weight:bold;
        font-size:0.4rem;
    }
    >.cart-edit{
        flex:1.5;
        text-align:center;
        >span{
            margin-right:0.2rem;
            font-size:0.35rem;
        }
    }
}
</style>